//防止点击穿透，不影响鼠标事件formstyle::after
.editors {
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  &-left {
    width: 300px;
    height: 100%;
    overflow-y: auto;
    padding: 16px;
    box-sizing: border-box;
    &-item {
      width: 45%;
      float: left;
      height: 40px;
      line-height: 40px;
      margin: 0px 5px 5px;
      background-color: white;
      border-radius: 5px;
      text-align: center;
      border: 1px solid var(--el-color-primary);
      &:hover {
        cursor: pointer;
        background-color: var(--el-color-primary);
        color: white;
        border: 1px solid white;
      }
    }
  }
  &-center {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    &-top {
      height: 50px;
      margin:16px 5px 0 0;
    }
    &-formarea {
      box-sizing: border-box;
      padding: 16px;
      height: calc(100vh - 130px);
      border: 1px solid var(--el-color-primary-light-5);
      // background-color: rgb(219, 206, 196);
      overflow-y: auto;
    }
    //设置滚动条
    &-formarea::-webkit-scrollbar-thumb {
      background-color: rgba(233, 233, 233, 0.925);
      border-radius: 5px;
    }
  }
  &-right {
    width: 300px;
    height: 100%;
    box-sizing: border-box;
    padding: 16px;
    // background-color: blue;
  }
}

// .formstyle {
//   position: relative;
// }

// .formstyle::after {
//   content: "";
//   position: absolute;
//   top: 0;
//   bottom: 0;
//   left: 0;
//   right: 0;
//   // background-color: #cc1515;
//   opacity: 0.3;
// }

.previewEditor{
  width: 100%;
}
